<li class="current">
	<div class="box columns_box">
		<p class="title is-5">一行6列</p>
		<div class="columns is-multiline column_6"></div>
	</div>
	<div class="box columns_box">
		<p class="title is-5">一行5列</p>
		<div class="columns is-multiline column_5"></div>
	</div>
	<div class="box columns_box">
		<p class="title is-5">一行4列</p>
		<div class="columns is-multiline column_4"></div>
	</div>
	<div class="box columns_box">
		<p class="title is-5">一行3列</p>
		<div class="columns is-multiline column_3"></div>
	</div>
	<div class="box">
		<h4 class="title is-5">2.底部导航</h4>
		<div class="foot1 p-1">
			<div class="columns is-mobile is-multiline mx-0 my-1">
				<div class="column is-3-tablet is-6-mobile is-2-desktop is-6-widescreen pb-1">
					<span>免</span>免费配置服务器
				</div>
				<div class="column column is-3-tablet is-6-mobile is-2-desktop is-6-widescreen pb-1">
					<span>免</span>免费解决bug
				</div>
				<div class="column is-3-tablet is-6-mobile is-2-desktop is-6-widescreen pb-1">
					<span>免</span>成本价定制功能
				</div>
				<div class="column is-3-tablet is-6-mobile is-2-desktop is-6-widescreen pb-1">
					<span>免</span>5000人交流大群
				</div>
				<div class="column is-3-tablet is-6-mobile is-2-desktop is-6-widescreen pb-1">
					<span>免</span>7X24小时客户服务
				</div>
				<div class="column is-3-tablet is-6-mobile is-2-desktop is-6-widescreen pb-1">
					<span>免</span>博客链接
				</div>
			</div>
		</div>
	</div>
</li>
<li>
	bulmaContent内容2
</li>
<li>
	bulmaContent内容3
</li>
<li>
	bulmaContent内容4
</li>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
	$(function(){
		render()
	});
	function render(){
		var html6 = ``;
		var html5 = ``;
		var html4 = ``;
		var html3 = ``;
		var arr = Array(15);
		// console.log(arr);
		$.each(arr,function(k,v){
			html6 += `
				<div class = "column has-background-white-ter is-6-tablet is-3-desktop is-2-widescreen">
					<figure class="image is-128x128">
						<img src="https://bulma.io/images/placeholders/128x128.png">
					</figure>
					<p>内容${k}</p>
				</div>
			`;
			html5 += `
				<div class = "column has-background-white-ter is-one-fifth-mobile is-one-fifth-desktop is-6-tablet">
					<figure class="image is-128x128">
						<img src="https://bulma.io/images/placeholders/128x128.png">
					</figure>
					<p>内容${k}</p>
				</div>
			`;
			html4 += `
				<div class = "column has-background-white-ter is-3-mobile is-3-desktop is-6-tablet">
					<figure class="image is-128x128">
						<img src="https://bulma.io/images/placeholders/128x128.png">
					</figure>
					<p>内容${k}</p>
				</div>
			`;
			html3 += `
				<div class = "column has-background-white-ter is-4-mobile is-4-desktop is-6-tablet">
					<figure class="image is-128x128">
						<img src="https://bulma.io/images/placeholders/128x128.png">
					</figure>
					<p>内容${k}</p>
				</div>
			`;
		});
		$('.column_6').append(html6);
		$('.column_5').append(html5);
		$('.column_4').append(html4);
		$('.column_3').append(html3);
	}
</script>